.container {
	/* iphonex 等安全区设置，底部安全区适配 */
	/* #ifndef APP-NVUE */
	padding-bottom: calc(152rpx + constant(safe-area-inset-bottom)) !important;
	padding-bottom: calc(152rpx + env(safe-area-inset-bottom)) !important;
	/* #endif */
	margin-bottom: 152rpx;
}
.status_bar {
	height: var(--status-bar-height);
	width: 100%;
}

.box-bg {
	background: #ffffff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.user-header {
	border-radius: 100%;
	width: 100rpx;
	height: 100rpx;
	line-height: 100rpx;
}

.pos_relative {
	position: relative;
}
.pos_absolute {
	position: absolute;
}
.pos-top {
	position: fixed;
	top: 0;
	z-index: 10;
}
.pos-bottom {
	position: fixed;
	bottom: 0;
	z-index: 10;
}
.cover {
	background-color: rgba(0, 0, 0, 0.4);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}

/* 外间距 */
.m-auto {
	margin-left: auto;
	margin-right: auto;
}
.m-30 {
	margin: 30rpx;
}
.m-t30 {
	margin-top: 30rpx;
}
.m-b30 {
	margin-bottom: 30rpx;
}
.m-l30 {
	margin-left: 30rpx;
}
.m-r30 {
	margin-right: 30rpx;
}
.m-20 {
	margin: 20rpx;
}
.m-t20 {
	margin-top: 20rpx;
}
.m-b20 {
	margin-bottom: 20rpx;
}
.m-l20 {
	margin-left: 20rpx;
}
.m-r20 {
	margin-right: 20rpx;
}
.m-10 {
	margin: 10rpx;
}
.m-t10 {
	margin-top: 10rpx;
}
.m-b10 {
	margin-bottom: 10rpx;
}
.m-l10 {
	margin-left: 10rpx;
}
.m-r10 {
	margin-right: 10rpx;
}
.m-t5 {
	margin-top: 5rpx;
}
/* 内间距 */
.p-30 {
	padding: 30rpx;
}
.p-t30 {
	padding-top: 30rpx;
}
.p-b30 {
	padding-bottom: 30rpx;
}
.p-l30 {
	padding-left: 30rpx;
}
.p-r30 {
	padding-right: 30rpx;
}
.p-20 {
	padding: 20rpx;
}
.p-t20 {
	padding-top: 20rpx;
}
.p-b20 {
	padding-bottom: 20rpx;
}
.p-l20 {
	padding-left: 20rpx;
}
.p-r20 {
	padding-right: 20rpx;
}
.p-10 {
	padding: 10rpx;
}
.p-t10 {
	padding-top: 10rpx;
}
.p-b10 {
	padding-bottom: 10rpx;
}
.p-l10 {
	padding-left: 10rpx;
}
.p-r10 {
	padding-right: 10rpx;
}

/* 圆角 */
.round-full {
	border-radius: 50%;
}
.round-40 {
	border-radius: 40rpx;
}
.round-20 {
	border-radius: 20rpx;
}
.round-10 {
	border-radius: 10rpx;
}
/* 宽度 */
.w-auto {
	width: auto;
}
.w-full {
	width: 100vw;
}
.w-100 {
	width: 100%;
}
.w-95 {
	width: 95%;
}
.w-90 {
	width: 90%;
}
.w-80 {
	width: 80%;
}
.w-75 {
	width: 75%;
}
.w-70 {
	width: 70%;
}
.w-65 {
	width: 65%;
}
.w-60 {
	width: 60%;
}
.w-50 {
	width: 50%;
}
.w-40 {
	width: 40%;
}
.w-35 {
	width: 35%;
}
.w-30 {
	width: 30%;
}
.w-25 {
	width: 25%;
}
.w-20 {
	width: 20%;
}
.w-10 {
	width: 10%;
}
.w-30n {
	width: 60rpx;
}
.w-40n {
	width: 80rpx;
}
.w-60n {
	width: 120rpx;
}
.w-80n {
	width: 160rpx;
}
.w-80v {
	width: 80vw;
}
.w-90n {
	width: 180rpx;
}
.w-100n {
	width: 200rpx;
}
.h-100 {
	height: 100rpx;
}
.h-100n {
	height: 200rpx;
}
.h-full {
	height: 100vh;
}


.img-small {
	width: 40rpx;
	height: 40rpx;
}
.img-normal {
	width: 60rpx;
	height: 60rpx;
}
/* 文本对齐 */
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
/* 文本颜色 */
.text-blue {
	color: #007AFF;	
}
.text-green {
	color: #08c55c
}
.text-org {
	color: #ff9134;	
}
.text-red {
	color: #F2473D;	
}
.text-white {
	color: #ffffff;	
}
.text-gray3 {
	color: #333333;	
}
.text-gray6 {
	color: #666666;	
}
.text-gray9 {
	color: #999999;	
}
.text-black {
	color: #000000;	
}
/* 背景色 */
.bg-white {
	background-color: white;
}
.bg-red{
	background: #F2473D;
}
.bg-green {
	background:#08c55c;
}
.bg-org {
	background:#ff9134;
}
.bg-blue-light {
	background: #F3F5FC
}
.bg-blue {
	background:#4170F2; 
}
.bg-gray9f {
	background:#9f9f9f;
}
.bg-gray {
	background:#eee;
}
.bg-gray1 {
	background: #E7E7E7;
}
.bg-graydf {
	background: #DFDFDF;
}
.bg-grayf5 {
	background: #f5f5f5;
}

.border {
	border: 1px solid #EBEEF5 !important;
}
.border-t1 {
	border-top: 1px solid #EBEEF5 !important;
}
.border-b1 {
	border-bottom: 1px solid #EBEEF5 !important;
}
.border-r1 {
	border-right: 1px solid #EBEEF5 !important;
}
.log_item_border {
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.border-blue {
	border-color: #4170F2;
}
.border-red {
	border-color: #F2473D;
}
.border-none {
	border: none
}
.flex-auto-row {
	flex-flow: wrap !important;
}
.flex-wrap {
	flex-wrap: wrap; 
}
.flex-row {
	flex-direction: row; 
}
.flex-column {
	flex-direction: column;
}
.justify-left {
	justify-content: flex-start;	
}
.justify-center {
	justify-content: center;	
}
.justify-right {
	justify-content: flex-end;	
}
.justify-space-between {
	justify-content: space-between;
}
.justify-space-around {
	justify-content: space-around;
}
.align-left {
	align-content: flex-start;	
}
.align-center {
	align-content: center;	
}
.align-right {
	align-content: flex-end;	
}

.icon_round {
	width: 100rpx;
	height: 100rpx;
	border-radius: 100%;
	text-align: center;
}
.fs10 {
	font-size: 20rpx;
}
.fs11 {
	font-size: 22rpx;
}
.fs12 {
	font-size: 24rpx;
}
.fs14 {
	font-size: 28rpx;
}
.fs15 {
	font-size: 30rpx;
}
.fs16 {
	font-size: 32rpx;
}
.fs20 {
	font-size: 40rpx;
}
.fs26 {
	font-size: 52rpx;
}
.fs36 {
	font-size: 72rpx;
}
.fs72 {
	font-size: 144rpx;
}
.fw500 {
	font-weight: 500;	
}
.fw600 {
	font-weight: 600;	
}
.fwn {
	font-weight: normal;
}
.height-20 {
	line-height: 20px;
	height: 20px;
}
.height-32 {
	line-height:32rpx;
	height: 32rpx;
}
.height-37 {
	line-height: 37px;
}

.uni-nodata {
	background: url("@/static/nodata.png") no-repeat center center;
	width: 100%;
	height: 60vh;
	background-size: 260rpx;
	line-height: 80vh;
	text-align: center;
	color: #999;
}

.text-row {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.overflow_h {
	overflow: hidden;
}

.imgs {
}
.imgs_item {
	position: relative;	
	border: 1px solid #f2f2f2;
	margin-top: 10rpx;
	margin-right: 10rpx;
	width: 200rpx;
	height: 200rpx;
}
.imgs_item image {
	width: 200rpx;
	height: 200rpx;
}
.imgs_item1 {
	position: relative;	
	border: 1px solid #f2f2f2;
	margin-top: 10rpx;
	margin-right: 10rpx;
	width: 110rpx;
	height: 110rpx;
}
.imgs_item1 image {
	width: 110rpx;
	height: 110rpx;
}

.imgs_remove {
	background-color: #ff2222;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 10rpx;
	top: 10rpx;
	line-height: 15px;
	text-align: center;
}

.btn_default {
	height: 30px; 
	line-height: 30px;
	min-width: 120px;
	text-align: center;
	background-color: #eee;
	color: #666666;
	font-size: 12px;
	border-radius: 20px;
}
.btn {
	height: 30px; 
	line-height: 30px;
	min-width: 120px;
	text-align: center;
	background-color: #007AFF;
	color: #ffffff;
	font-size: 12px;
	border-radius: 20px;
}
.btn_gray {
	height: 30px; 
	line-height: 30px;
	min-width: 120px;
	text-align: center;
	background-color: #666;
	color: #ffffff;
	font-size: 12px;
	border-radius: 20px;
}
.btn_small , .btn_small_gray , .btn_small_green , .btn_small_org {
	height: 30px; 
	line-height: 30px;
	width: 70px;
	text-align: center;
	font-size: 12px;
	border-radius: 20px;
}
.btn_small {
	background-color: #007AFF;
	color: #ffffff;	
}
.btn_small_gray {
	background: #9f9f9f;
	color: #ffffff;
}
.btn_small_green {
	background: #08c55c;
	color: #ffffff;
}
.btn_small_org {
	background: #ff9134;
	color: #ffffff;
}




/**
 * 案例列表-瀑布流--start----
 */
.case_title_text {
	font-size: 14px;
	font-weight: 600;
	line-height: 40px;
}
.case_list {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 30rpx;
	-webkit-column-gap: 30rpx;
	column-gap: 30rpx;
}
.case_item {
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	padding-bottom: 40rpx;
}
.case_image {
	height: 120px;
}
.case_img {
	width: 100%;
	height: 100%;
}
.case_title {
	line-height: 18px;
	margin: 14rpx 0;
}
.case_labels {
	margin-top: 14rpx;
}
.case_label {
	color: #fff;
	padding: 0 6rpx;
	border-radius: 4rpx;
	background-color: #cacaca;
}
.case_label:nth-child(2n) {
	background-color: rgba(0, 122, 255, 0.5);
}
/**
 * 案例列表-瀑布流--end----
 */



/**
 * 案例-vr|d3浮层--start----
 */
.case_fixed {
	position: fixed;
	bottom: 140rpx;
	right: 20rpx;
	width: 55px;	
	z-index: 100;
}
.case_fixed_btn {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	margin-top: 20rpx;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	overflow: hidden;	
}
.case_fixed_btn image {
	width: 64%;
	height: 64%;	
	padding: 18%;
}
.case_vr {
	background-color: rgba(244, 102, 26, .9);
}
.case_3d {
	background-color: rgba(90, 137, 255, .9);
}
/**
 * 案例-vr|d3浮层--end----
 */

/**
 * 文章列表
 */
.article_title {
	height: 80rpx;
	padding-bottom: 20rpx;
	line-height: 48rpx;
	overflow: hidden;
}
.article_icons {
	line-height: 60rpx;
}
.article_image {
	width: 160rpx;
	height: 160rpx;
}
.article_img {
	width: 100%;
	height: 100%;
}


/**
 * 报价获取
 */
.house_price {
	padding: 15rpx 30rpx 35rpx;
	color: #333;
}
.house_price_title {
	line-height: 40px;
}
.house_price_item {
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 47.5%;
	border: 1px solid #eee;
	border-radius: 10rpx;
	font-size: 12px;
}
.house_price_active {
	border-color: #007AFF;
	color: #007AFF;
}
.house_price_item1 {
	height: 34px;
	line-height: 34px;
	text-align: center;
	width: 28%;
	border-radius: 10rpx;
	background-color: #eee;
	font-size: 12px;
	padding: 0 10rpx;
}
.house_price_item1 input {
	background-color: transparent;
	height: 100%;
	line-height: 100%;
	text-align: left;
	padding: 0 0;
	font-size: 12px;
	color: #333;
}
.house_price_btn {
	background-color: #555;
	color: #fff;
}